.weight {
    position: absolute;
    background: rgba(255, 255, 255, 0.83);
}
.weight label {
    cursor: move;
}
.weight:hover {
    border: #0A76C3 dashed 1px;
}

.weightSelect {
    border: #0A76C3 solid 1px;
    background: rgb(220, 237, 255);
}
/*
*/

.u-panle{
    background: #def5ff;
    background-image:
            linear-gradient(#ffe09d 1px, transparent 0),
            linear-gradient(90deg, #ffe09d 1px, transparent 0),
            linear-gradient(hsla(158, 100%, 65%, 0.3) 1px, transparent 0),
            linear-gradient(90deg, hsla(158, 100%, 65%, 0.3) 1px, transparent 0);
    background-size: 65px 52px, 56px 64px, 10px 13px, 14px 10px;
}


.canvas{
    background: #def5ff;
    float: left;
    height: 100%;
    width: 100%;
    user-select: none;
}
.canvas .form {
    border: #7373ff solid 1px ;
    position: absolute;
}
.rigthAttribute{
    height: 100%;
    width: 20%;
    float: right;
    background: #edffe1;
}

/**/


.ok {
    margin-top: 2px;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    background-color: #1B9AF7;
    border: none;
    color: #FFF;
    font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    text-decoration: none;
    text-align: center;
    transition-duration: .3s;
    cursor: grabbing;
}

.ok:hover {
    /*border-radius: 4px;*/
    background-color: #18b7f7;
    border: none;
}
.no {
    cursor: no-drop;
}

.closeWidgetBt{
    z-index: 99999999999999;
    cursor: pointer;
    float: right;
    background: #6f93ae;
    border-radius: 15px;
    width: 15px;
    height: 15px;
    text-align: center;
    font-size: 9px;
    left: 8px;
    top: -8px;
    font-weight: bold;
    position: relative;

}
.transparent{
    background: rgba(0,0,0,0);
}

.textCode{
    display: block;
    width: 100%;
    height: 100%;
    min-width: 300px;
    min-height: 132px;
    line-height: 20px;
    padding: 10px 20px;
    border: none;
    box-sizing: border-box;
    color: #000000;
    word-wrap: break-word;
}

.inputCode{
    margin: 1px;
    line-height: 20px;
    border: solid #000 1px ;
    box-sizing: border-box;
    color: #666;
    word-wrap: break-word;
}
.hidden {
    background:url(../image/hidden.png) no-repeat center 0px;
    /*border: #bdbdbd solid 1px;*/
}
.hidden input{
    background: rgba(0,0,0,0);
    color: #00ff00;
    font-size: 10px;
}
.hidden .f-field-body-cell{
    display: flex;
}



.ctrl{
    background: #bdbdbd;
    text-align: center;
    border-bottom: #0B0B0B solid 1px;
}
.ctrl a{
    padding: 5px;
    line-height: 30px;
    border: #8e8f84 solid 1px;
}


/****对齐控件样式****/
.alignWidgetBox{
    width: 240px;
    height: 66px;
    background: #717171;
    margin: 0px auto;
    text-align: center;
}
.alignWidget{
    width: 28px;
    height: 28px;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 3px;
    float: left;
    border: 1px solid #fff;
    background: url(../image/bts.png);
}
.alignWidget:hover{
    border: 1px solid #ff6844;
}
.alignWidget:nth-child(1){
    background-position:0px 0px ;
}
.alignWidget:nth-child(2){
    background-position:-24px 0px ;
}
.alignWidget:nth-child(3){
    background-position:-48px 0px ;
}
.alignWidget:nth-child(4){
    background-position:-78px 0px ;
}
.alignWidget:nth-child(5){
    background-position:-104px 0px ;
}
.alignWidget:nth-child(6){
    background-position:-126px 0px ;
}
.alignWidget:nth-child(7){
    background-position:0px 24px ;
}
.alignWidget:nth-child(8){
    background-position:-24px 24px ;
}
.alignWidget:nth-child(9){
    background-position:-48px 24px ;
}
.alignWidget:nth-child(10){
    background-position:-78px 24px ;
}
.alignWidget:nth-child(11){
    background-position:-104px 24px ;
}
.alignWidget:nth-child(12){
    background-position:-126px 24px ;
}
.grid{
    background: url("../image/grid.png") no-repeat center;
    text-align:center;
}
.upload{
    background: url("../image/upload.png") no-repeat center;
    text-align:center;
}
.htmleditor{
    background: url("../image/fwbk.png") no-repeat center;
    text-align:center;
}

/***拖动框选***/
.container {
    padding: 20px;
    margin: 100px 100px 20px;
    border: 1px solid #ddd;
    text-align: center;
}

.select-box-container {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.select-box-container .toggle-all-container {
    margin-bottom: 25px;
}

.select-item {
    display: inline-block;
    width: 100px;
    height: 100px;
    text-align: center;
    line-height: 100px;
    font-size: 12px;
    border: 1px solid #ccc;
    margin-right: 10px;
    margin-bottom: 10px;
    cursor: pointer;
}
.select-item.selected,
.select-item.temp-selected {
    background-color: #ddd;
}
.select-box-dashed {
    position: absolute;
    display: none;
    width: 0px;
    height: 0px;
    padding: 0px;
    margin: 0px;
    border: 1px dashed #0099ff;
    background-color: #c3d5ed;
    opacity: 0.5;
    filter: alpha(opacity=50);
    font-size: 0px;
    z-index: 99999;
}
